<template>
  学习评定结果为：
  <p>是否及格：{{ score >= 60 ? '及格1' : '不及格1' }}</p>
  <p v-if="score >= 90">优秀</p>
  <p v-else-if="score >= 80">良好</p>
  <p v-else-if="score >= 70">中等</p>
  <p v-else-if="score >= 60">及格</p>
  <p v-else>不及格</p>
  <slot name="extra"></slot>
</template>

<script setup lang="ts">
//定义一个成绩属性 外部传入
defineProps<{
  score: number
}>()
</script>

<style scoped></style>
